import React from 'react'
import classNames from 'classNames'

export enum buttonSize {
	small = 'small',
	medium = 'medium',
	large = 'large',
}
export interface ButtonProps {
	text: string
	size?: string
	onClick: () => void
}

export default function Button({ text, onClick, size = buttonSize.small }: ButtonProps) {
	const classes = classNames('button', {
		'button--small': size === 'small',
		'button--medium': size === 'medium',
		'button--large': size === 'large',
	})
	return (
		<button className={classes} onClick={onClick}>
			{text}
		</button>
	)
}
